.justify-content-center{
    display: flex;
    justify-content: center;
}
.justify-content-space-between{
    display: flex;
    justify-content: space-between;
}
.flex-wrap-wrap{
    display: flex;
    flex-wrap: wrap;
}
.justify-content-right{
    display: flex;
    justify-content: flex-end;
}
.justify-content-left{
    display: flex;
    justify-content: flex-start;
}
.flex-direction-column{
    display: flex;
    flex-direction: column;
}
.align-items-bottom{
    display: flex;
    align-items: flex-end;
}
.align-items-center{
    display: flex;
    align-items: center;
}
.flex-direction-row-reverse{
    flex-direction: row-reverse;
}
.borderRed{
    border: 1px solid red;
}
.borderBlue{
    border: 1px solid blue;
}
.borderOrange{
    border: 1px solid orange;
}
.text-24-white{
    font-size: 24px;
    color: white;
}
.text-24-black{
    font-size: 24px;
    color: black;
}
.text-24-5a{
    font-size: 24px;
    color: #5a5a5a;
    font-weight: bolder;
}
.text-18-white{
    font-size: 18px;
    color: white;
}
.text-18-black{
    font-size: 18px;
    color: black;
}
.text-14-white{
    font-size: 14px;
    color: white;
}
.text-14-5A{
    font-size: 14px;
    color: #5A5A5A;
}
.text-14-66{
    font-size: 14px;
    color: #666666;
}
.text-12-92{
    font-size: 12px;
    color: #929292;
}
.text-12-8D{
    font-size: 12px;
    color: #8D8D8D;
}
.text-16-white{
    font-size: 16px;
    color: white;
}
.text-16-5A{
    font-size: 16px;
    color: #5A5A5A;
}
.text-12-97{
    font-size: 12px;
    color: #979797;
}
.text-12-red{
     font-size: 12px;
     color: #FF3C00;
 }
.text-12-AC{
    font-size: 12px;
    color: #ACACAC;
}
.pointer{
    cursor: pointer;
}

/*单行溢出*/
.single-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*两行溢出*/
.many-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}